.el-message {
  min-width: 240px;
  @include border-radius(4px);
  position: fixed;
  right: 0;
  top: 20px;
  background-color: $white;
  -webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.3s, top 0.4s, -webkit-transform 0.4s;
  transition: opacity 0.3s, transform 0.4s, top 0.4s;
  transition: opacity 0.3s, transform 0.4s, top 0.4s, -webkit-transform 0.4s;
  overflow: hidden;
  padding: 14px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  @include box-shadow(0 1px 4px 0 rgba(0, 0, 0, 0.11));
}

.el-message__icon {
  margin-right: 6px;
}

.el-message__content {
  font-size: 14px;
   color: #1c2438;
  line-height: 20px;
}

.el-message-fade-enter,
.el-message-fade-leave-active {
  opacity: 0;
  -webkit-transform: translate(50%);
  transform: translate(50%);
}
